<template>
  <umrp-container bg-color="#f2f2f2" height="100%" padding="10px" :gap="10">
    <umrp-card :border="false">
      <umrp-container direction="horizonal" justify="between" align="center">
        <umrp-media>
          <template #cover>
            <umrp-avatar></umrp-avatar>
          </template>
          <umrp-container padding="6px 0" :gap="10">
            <umrp-text>上午好，熊大，祝你愉快的玩好系统</umrp-text>
            <umrp-text color="secondary">系统管理员</umrp-text>
          </umrp-container>
        </umrp-media>
        <umrp-container>
          <umrp-button v-route="'XiaolankaAdminProfile'">个人中心</umrp-button>
        </umrp-container>
      </umrp-container>
    </umrp-card>
    <umrp-row :gutter="10">
      <umrp-col :span="6">
        <umrp-card :border="false">
          <umrp-statistic title="今日新增会员(个)" :value="10" extra="总计：1999个"></umrp-statistic>
        </umrp-card>
      </umrp-col>
      <umrp-col :span="6">
        <umrp-card :border="false">
          <umrp-statistic title="今日入驻商家(个)" :value="10" extra="总计：1999个"></umrp-statistic>
        </umrp-card>
      </umrp-col>
      <umrp-col :span="6">
        <umrp-card :border="false">
          <umrp-statistic title="今日订单数" :value="10" extra="总计：1000单"></umrp-statistic>
        </umrp-card>
      </umrp-col>
      <umrp-col :span="6">
        <umrp-card :border="false">
          <umrp-statistic title="今日收款(元)" :value="1999" extra="总计：29950.00元"></umrp-statistic>
        </umrp-card>
      </umrp-col>
    </umrp-row>
    <umrp-container padding="6px 0">
      <umrp-text :size="18" bold>热门推荐</umrp-text>
    </umrp-container>
    <umrp-row :gutter="16">
      <umrp-col :span="3" v-for="_ in 8">
        <umrp-card v-link:ActivityEditor>
          <template #cover>
            <umrp-image :height="180"></umrp-image>
          </template>
          <umrp-container justify="between" :gap="10">
            <umrp-text :size="14">宠粉嗨购节</umrp-text>
            <umrp-text :size="14">热度：921</umrp-text>
          </umrp-container>
        </umrp-card>
      </umrp-col>
    </umrp-row>
  </umrp-container>
</template>
